<template>
  <div class="theme-fc c-fw-b c-lh26 c-hh26" :class="txtClass">
    <template v-if="payType == 1">免费</template>
    <template v-else-if="payType == 3">加密</template>
    <template v-else-if="payType == 4">
      <template v-if="prodType == ckFrom.privateClass">
        审核参与
      </template>
      <template v-if="prodType == ckFrom.circle">
        配套课程
      </template>
      <!-- 训练营， 打卡 奖金参与 显示价格 -->
      <template v-if="prodType == ckFrom.camp || prodType == ckFrom.clockIn">
        <span :class="priceTagClass">{{'￥' | iosPriceFilter}}</span><span class="c-lh26 c-hh26" :class="numberClass">{{Number(price).toFixed(2)}}</span>
      </template>
    </template>
    <!-- 标签导航菜单导航版式间距小 兼容写法 -->
    <template v-else-if="payType == 5">{{$isWxAppIos() ? '' : modelType == 48 && templateType == 2 ? '购指定课参与' : '购买指定课程参与'}}</template>
    <template v-else-if="payType == 6">指定用户参与</template>
    <!-- 商品 -->
    <div v-else-if="prodType == ckFrom.shopping && optimal && optimal.optimalPriceType != 1 && optimal.optimalPrice != 0" class="c-flex-row c-aligni-center c-lh26 c-hh26">
      <!-- 最低价格对象最低价格返回0就显示商品原价 -->
      <template v-if="optimal && optimal.optimalPriceType != 1 && optimal.optimalPrice != 0" class="c-flex-row c-aligni-center c-lh26 c-hh26">
        <span :class="priceTagClass">{{'￥' | iosPriceFilter}}</span>
        <span class="c-lh26 c-hh26" :class="numberClass">{{optimal.optimalPrice}}<span v-if="price.toString().split('~').length > 1 && price.split('~')[0] != price.split('~')[1]" class="c-fs18">起</span></span>
      </template>
    </div>
    <!-- 活动、圈子 -->
    <div v-else-if="price && price.toString().split('~').length > 1" class="c-flex-row c-aligni-center c-lh26 c-hh26">
      <template v-if="price.split('~')[0] == price.split('~')[1]">
        <span :class="priceTagClass" v-if="isWxAppIosShowPrice && price.split('~')[1] > 0">{{'￥' | iosPriceFilter}}</span>
        <span :class="isWxAppIosShowPrice && price.split('~')[1] > 0 ? numberClass : txtClass">{{isWxAppIosShowPrice && price.split('~')[1] > 0 ? (price.split('~')[1] * 1).toFixed(2) : '免费'}}</span>
      </template>
      <template v-else-if="isWxAppIosShowPrice && price.split('~')[0] != price.split('~')[1]">
        <span :class="priceTagClass">{{'￥' | iosPriceFilter}}</span>
        <span :class="numberClass">{{price.toString().split('~')[0]}}<span class="c-fs18">起</span></span>
      </template>
    </div>
    <div v-else-if="isWxAppIosShowPrice && (Number(price) > 0 || optimal)" class="c-flex-row c-aligni-center c-lh26 c-hh26">
      <span :class="priceTagClass">{{'￥' | iosPriceFilter}}</span>
      <!-- 最低价格对象最低价格返回0就显示商品原价 -->
      <span class="c-lh26 c-hh26" :class="numberClass">{{optimal && optimal.optimalPriceType != 1 ? (optimal.optimalPrice == 0 ? Number(price).toFixed(2) : optimal.optimalPrice) : Number(price).toFixed(2)}}</span>
    </div>
    <template v-else-if="Number(price) == 0">免费</template>
  </div>
</template>
<script>
export default {
  name: "PriceBar",
  created() {
  },
  props: {
    price: {
      type: Number,
      default: 0
    },
    payType: {
      type: Number,
      default: -1
    },
    // optimalPriceType：1 产品本身价格 2 vip价格 3 svip价格 4 服务商 101 限时购 102 拼团 112 砍价  10 链动会员 20 链动代理商 99 链动复购
    optimal: {
      type: Object,
      default: () => {
        return null
      }
    },
    priceTagClass: {
      type: String,
      default: 'c-fs20'
    },
    txtClass: {
      type: String,
      default: 'c-fs24'
    },
    numberClass: {
      type: String,
      default: 'c-fs26'
    },
    prodType: {
      type: Number,
      default: 0
    },
    templateType: {
      type: Number,
      default: 1
    },
    modelType: {
      type: Number,
      default: 0
    },
  },
  data() {
    return {
      ckFrom: global.ckFrom
    };
  },
  computed: {
    // ios小程序非实体商品不显示价格，实体商品显示价格
    isWxAppIosShowPrice() {
      return (!this.$isWxAppIos() && this.prodType != this.ckFrom.shopping) || (this.prodType == this.ckFrom.shopping)
    }
  },
  methods: {
  },
  activated() {
  },

};
</script>

<style scoped>
</style>
